//边框圆角
.border-spacing-0{
  border-spacing: 0;
}
.border-none{
  border: none;
}
.rounded{
  border-radius:0.25rem
}
$rouned:(
  none:0px,
  sm: 0.125rem,
  md: 0.375rem,
  lg: 0.5rem,
  xl: 0.75rem,
  2xl: 1rem,
  3xl: 1.5rem,
  full: 9999px,
);
@each $key,$value in $rouned{
  .rounded-#{$key}{
    border-radius: $value
  }
}

$rounedTRLB:(
  'none': 0px,
  'sm': 0.125rem,
  't': 0.25rem,
  'md': 0.375rem,
  'lg': 0.5rem,
  'xl': 0.75rem,
  '2xl': 1rem,
  '3xl': 1.5rem,
  'full': 9999px,
    4:4px
);
@each $key,$value in $rounedTRLB{
  .rounded-t-#{$key}{
    border-top-left-radius: $value;
    border-top-right-radius: $value;
  }	
  .rounded-l-#{$key}{
    border-top-left-radius: $value;
    border-bottom-left-radius: $value;
  }	
  .rounded-r-#{$key}{
    border-top-right-radius: $value;
    border-bottom-right-radius: $value;
  }	
  .rounded-b-#{$key}{
    border-bottom-right-radius:$value;
    border-bottom-left-radius:$value;
  }	
}



//.rounded-tl
$rounedTWO:(
  none: 0px,
  sm: 0.125rem,
  tl: 0.25rem,
  md: 0.375rem,
  lg: 0.5rem,
  xl: 0.75rem,
);
@each $key,$value in $rounedTWO{
  .rounded-tl-#{$key}{
    border-top-left-radius:$value
  }
  .rounded-tr-#{$key}{
    border-top-right-radius:$value
  }
  .rounded-br-#{$key}{
    border-bottom-right-radius:$value
  }
  .rounded-bl-#{$key}{
    border-bottom-left-radius:$value
  }
}

/*******************************边框厚度************************/
.border{
  border-width:1px
}
$border_width:(
  0: 0px,
  1: 1px,
  2: 2px,
  4: 4px,
  8: 8px,
);
@each $key,$value in $border_width{
  .border-#{$key}{
    border-width:$value
  }
  .border-t-#{$key}{
    border-top-width:$value
  }
  .border-r-#{$key}{
    border-right-width:$value
  }
  .border-l-#{$key}{
    border-left-width:$value
  }
  .border-b-#{$key}{
    border-bottom-width:$value
  }
}
/*******************************边框样式***********************/
$border_style:(
  solid: solid,
  dashed: dashed,
  dotted: dotted,
  double: double,
  none: none
);
@each $key,$value in $border_style{
  .border-#{$key}{
    border-style: $value;
  }
}